<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>海数云</title>
    <link rel="stylesheet" href="/static/plugs/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/base.css">
    <link rel="stylesheet" href="/static/css/normalize.css">
    <link rel="stylesheet" href="/static/plugs/liuyangPage/index.css">
    <script src="/static/plugs/jquery/jquery-3.1.1.min.js"></script>
    <script src="/static/plugs/bootstrap/jquery.slim.min.js"></script>
    <script src="/static/plugs/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="/initial.js"></script>
    <style>
        .wrap{
            width: 1440px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            background: #F2F2F2;
        }
        .com-nav{
            width: 1200px;
            padding: 20px 0 20px 150px;
            font-weight: 400;
            font-size: 20px;
            /*border: 1px solid red;*/
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
        .com-name-wrap{
            padding: 10px 50px;
            width: 1440px;
            background: white;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            .com-left{
                display: flex;
                flex-direction: row;
                align-items: center;
                .com-logo img{
                    width: 48px;
                    height: 48px;
                    object-fit: contain;
                    border: 1px solid grey;
                }
                .com-name{
                    margin: 0 30px 0 20px;
                    font-size: 20px;
                }
                .com-medal img{
                    width: 24px;
                    height: 24px;
                }
                .com-association{
                    margin-left: 20px;
                    color: #D7D7D7;
                }
                .com-claim{
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    background: #BFCDDA;
                    text-align: center;
                    border-radius: 20px;
                }
            }
            .com-operate{
                width: 300px;
                height: 40px;
                display: flex;
                justify-content: space-between;
                flex-direction: row;
            }
            .com-operate div{
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid grey;
                padding: 2px 25px;
                border-radius: 2px;
            }
        }
        .product-brief-wrap{
            width: 1440px;
            height: 300px;
            /*margin-top: 10px;*/
            display: flex;
            color: #D7D7D7;
            background: #BFCDDA;
            justify-content: center;
            align-items: center;
        }
        .com-wrap{
            /*border: 1px solid grey;*/
            padding: 50px 150px;
            background: #F2F2F2;
        }
        .com-item{
            background: white;
            width: 1140px;
            margin-bottom: 40px;
            /*height: 300px;*/
            padding: 30px;
            border-radius: 5px;
            .com-title-box{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                margin-bottom: 20px;
                /*border: 1px solid red;*/
                .com-title-left{
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    .title-icon{
                        width: 24px;
                        height: 24px;
                        margin-right: 10px;
                    }
                    .title-name{
                        font-size: 20px;
                        font-weight: bold;
                    }
                }
                .com-title-right{
                    /*width: 200px;*/
                    font-size: 16px;
                    margin-right: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
            .com-product-list{
                padding: 0 35px;
                /*border: 1px solid red;*/
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                .com-product-item{
                    width: 180px;
                    height: 240px;
                    margin: 10px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    background: #8B9CAC;
                    .item-img img{
                        width: 180px;
                        height: 180px;
                        border: 1px solid rgba(210, 210, 210, 0.5);
                    }
                    .item-title{
                        height: 30px;
                        line-height: 30px;
                        color: white;
                    }
                    .item-price{
                        height: 30px;
                        line-height: 30px;
                        color: white;
                    }
                }
            }

            .com-news-list{
                padding: 0 35px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                border: 1px red solid;
                .com-news-item{
                    display: flex;
                    justify-content: space-between;
                    .news-left{
                        display: flex;
                        .item-img img{
                            width: 180px;
                            height: 130px;
                        }
                        .news-box{
                            width: 700px;
                            margin-left: 10px;
                            display: flex;
                            flex-direction: column;
                            .item-title{
                                height: 40px;
                                line-height: 40px;
                                font-size: 18px;
                                font-weight: 300;
                            }
                            .item-content{
                                height: 90px;
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }

    </style>
</head>
<body>
<div class="wrap">
    <div class="com-name-wrap">
        <div class="com-left">
            <div class="com-logo"><img src="/static/images/com-logo.jpg" alt=""></div>
            <div class="com-name">亚太森博（广东）纸业有限公司</div>
            <div class="com-medal"><img src="/static/images/medal.png" alt=""></div>
            <div class="com-association">重庆市火锅产业协会、重庆市串串协会会员</div>
        </div>
        <div class="com-operate">
            <div class="thumb-up"><a href="">更换模板</a></div>
            <div class="store"><a href="">网站管理</a></div>
        </div>
    </div>
    <div class="com-nav">
        <div class=""><a href="com-index">首页</a></div>
        <div class=""><a href="com-introduce">公司介绍</a></div>
        <div class=""><a href="com-products">产品服务</a></div>
        <div class=""><a href="com-news">新闻资讯</a></div>
        <div class=""><a href="com-cases">经典案例</a></div>
        <div class=""><a href="com-members">团队成员</a></div>
        <div class=""><a href="com-branches">旗下公司</a></div>
    </div>
    <div class="product-brief-wrap">
        封面图
    </div>
    <div class="com-wrap">
        <div class="com-item com-des-contain">
            <div class="com-title-box">
                <div class="com-title-left">
                    <div class="company-icon">
                        <img class="title-icon company-icon-img" src="/static/images/register-com.png">
                    </div>
                    <div class="title-name">公司介绍：</div>
                </div>
                <div class="com-title-right">
                    <a class="more-link" href="">查看更多>>></a>
                </div>
            </div>
            <div class="com-des">广汉中力家禽养殖有限公司是一家以育种、孵化、销售为一体的公司。有多年的养殖技术经验，常年为各位新老客户提供技术服务，指导养殖户掌握基础知识，提高养殖水平。养殖的新手很多没有养殖经验，本公司可以给大家提供养殖方面的很多经验技术经验，共同发展。 公司长期孵化鸭品种有： 肉麻鸭、黑番鸭、花边鸭、 一点花、樱桃谷肉鸭、骡鸭、金定蛋鸭等 公司有育种场，避免了品种不符和禽苗带病的问题。新手养殖没有技术可以来公司学习交流。送货赠送养殖资料并持续提供技术指导跟踪，让您养殖顺心。欢迎各位朋友来我厂参观。 很多养殖户没有经过系统的学习过养殖技术，盲目的去养，因为技术原因导致成活低，让养鸭成本控制不下来，养殖成本高，赚不到钱！公司提供全程的技术售后，一只鸭子的防疫和药物成本控制的好，管理到位，少生病，存活率高，不仅结省药钱，健康的鸭长势和体重，产蛋性能都能保持较佳的状态。
            </div>
        </div>

        <div class="com-item com-des-contain">
            <div class="com-title-box">
                <div class="com-title-left">
                    <div class="company-icon">
                        <img class="title-icon company-icon-img" src="/static/images/product.png">
                    </div>
                    <div class="title-name">产品服务：</div>
                </div>
                <div class="com-title-right">
                    <a class="more-link" href="">查看更多>>></a>
                </div>
            </div>
            <div class="com-product-list">
                <div class="com-product-item">
                    <div class="item-img">
                        <img src="/static/images/disk.jpg" alt="">
                    </div>
                    <div class="item-title">黑色移动硬盘2TB</div>
                    <div class="item-price">￥500.00</div>
                </div>

                <div class="com-product-item">
                    <div class="item-img">
                        <img src="/static/images/disk.jpg" alt="">
                    </div>
                    <div class="item-title">黑色移动硬盘2TB</div>
                    <div class="item-price">￥500.00</div>
                </div>

                <div class="com-product-item">
                    <div class="item-img">
                        <img src="/static/images/disk.jpg" alt="">
                    </div>
                    <div class="item-title">黑色移动硬盘2TB</div>
                    <div class="item-price">￥500.00</div>
                </div>

                <div class="com-product-item">
                    <div class="item-img">
                        <img src="/static/images/disk.jpg" alt="">
                    </div>
                    <div class="item-title">黑色移动硬盘2TB</div>
                    <div class="item-price">￥500.00</div>
                </div>

                <div class="com-product-item">
                    <div class="item-img">
                        <img src="/static/images/disk.jpg" alt="">
                    </div>
                    <div class="item-title">黑色移动硬盘2TB</div>
                    <div class="item-price">￥500.00</div>
                </div>

                <div class="com-product-item">
                    <div class="item-img">
                        <img src="/static/images/disk.jpg" alt="">
                    </div>
                    <div class="item-title">黑色移动硬盘2TB</div>
                    <div class="item-price">￥500.00</div>
                </div>
            </div>
        </div>

        <div class="com-item com-des-contain">
            <div class="com-title-box">
                <div class="com-title-left">
                    <div class="company-icon">
                        <img class="title-icon company-icon-img" src="/static/images/news.png">
                    </div>
                    <div class="title-name">新闻咨询：</div>
                </div>
                <div class="com-title-right">
                    <a class="more-link" href="">查看更多>>></a>
                </div>
            </div>
            <div class="com-news-list">
                <div class="com-news-item">
                    <div class="news-left">
                        <div class="item-img">
                            <img src="/static/images/leaders.jpg" alt="">
                        </div>
                        <div class="news-box">
                            <div class="item-title">看到38年前老照片,中美元首都笑了</div>
                            <div class="item-content">11月15日,中国外交部部长助理华春莹透露中美元首会晤细节。拜登指着手机里一张背景为金门大桥的照片,笑问习主席是否认识这个年轻人,习主席说那是38年前的事了。</div>
                        </div>
                    </div>
                    <div class="news-date">2023-11-15</div>
                </div>
            </div>
        </div>
    </div>

</body>
<script>
</script>
</html>